﻿@import "reset"; //引入重置部分CSS

$mainColor:                    #a34302; //主色调

$commFontColor:                #333; //The default font color
$subFontColor:                 #666;
$tipFontColor:                 #999;

$commBorderColor:              #d2d2d2;
$hlBorderColor:                #a53b28;

$mainBgColor:                  #f4f5f7;
$bgColor:                      #f7f7f7;
$linkColor:                    #0000ff; //The default link color
$linkColor_hover:              #a34302; 

$fontsize:                     12px;

$sph:                          15px; //horizontal spacing
$spv:                          15px; //vertical spacing

$pageWidth:                    100%; //设定页面宽度
$pageMiniWidth:                1000px;
$sideWidth:                    200px;
button{border:none;}

//通用CSS块
@mixin minWidth($minW){ //最小宽度
	min-width:$minW;
	_width:$minW;
}
@mixin maxWidth($maxW){
	max-width:$maxW;
	_width:$maxW;
}

@mixin minHeight($minH){
	min-height:$minH;
	_height:$minH;
}

%inlineBlock{
	float:none;
	display:inline-block;
	*display:inline; *zoom:1; /*! for ie 6 7*/
}

%hideText{
	text-indent:-999em;
	overflow:hidden;
}

@mixin withBorder($borderColor:$commBorderColor, $thisRadius:5px){
	border:1px solid $borderColor;
	border-radius:$thisRadius;
}





/*Font style*/
body{
	font-family: arial,\5FAE\8F6F\96C5\9ED1,“Microsoft YaHei”，sans-serif; /* \5FAE\8F6F\96C5\9ED1 = Microsoft YaHei */
	font-size:$fontsize;
	line-height:1.5;
	color:$commFontColor;
	//background-color:$mainBgColor;
	}
/*Link style*/
a{text-decoration:none; color:$linkColor;}
a:hover{text-decoration:underline; color:$linkColor_hover;}

 
/**/
.cf:after,
.infoBox:after{content:"";display:table;clear:both;}

.cf,
.infoBox{*zoom:1;}

.ib{@extend %inlineBlock;}

.fl{float:left;}
.fr{float:right;}

.txtLeft{text-align:left;}
.txtCenter{text-align:center;}
.txtRight{text-align:right;}

/*-- ^sppd padding值--*/
.sppd{padding:$sph;}
.sppd-h{ padding-right:$sph; padding-left:$sph;}
.sppd-v{ padding-top:$spv; padding-bottom:$spv;}
.sppd-right{padding-right:$sph;}
.sppd-left{ padding-left:$sph;}
.sppd-top{ padding-top:$spv;}
.sppd-bottom{ padding-bottom:$spv;}
.sppd_remove{padding:0;}
/*-- ^spmg margin值--*/
.spmg{margin:$sph;}
.spmg-h{ margin-right:$sph; margin-left:$sph;}
.spmg-v{ margin-top:$spv; margin-bottom:$spv;}
.spmg-right{margin-right:$sph;}
.spmg-left{ margin-left:$sph;}
.spmg-top{ margin-top:$spv;}
.spmg-top1{ margin-top:$spv - 5px;}
.spmg-bottom{ margin-bottom:$spv;}

.hl{ color:$mainColor;}
 

/*--宽度----*/
.w100{width:100%;}
.w5{width:5%;}
.w10{width:10%;}
.w11{width:11%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w33{width:33.33%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w80{width:80%;}
.w82{width:82%;}
.w85{width:85%;}
.w87{width:87%;}
.w95{width:95%;}
.w90{width:90%;}

/* bg背景相关 ^bg */
.bg-bar{background-color:$bgColor;}
.boxTitle h3{
	background-image:url(../images/bg.png);
	background-repeat:no-repeat;
}


/*分隔线*/
.spLine{ border-top:1px solid #ebe8e6;}






/*页面主体宽度*/
.pw{
	//margin:0 auto $spv auto;
	overflow:hidden;
	width:$pageWidth;
	min-width:$pageMiniWidth;
	//@include minWidth(1000px);
}
 
/*---------*/
/* ^btn            */
/*---------*/
.btn,
.btn-hl{
	@extend %inlineBlock;
	background-image:url(../images/btns.png);
	background-repeat:repeat-x;
	padding:0 15px;
	border-radius:3px;
	cursor:pointer;
	line-height:26px;
	height:26px;
	margin-right:6px;
}
.btn:hover{
//	background:lighten($mainColor,10%);
	text-decoration:none;
}
.btn{
	background-position:0 -26px;
	border:1px solid #d2d2d2;
	color:$subFontColor;
}
button.btn{
	background-position:0 -26px;
	border:1px solid #d2d2d2;
	color:$subFontColor;
	height:28px;
	line-height:26px;
}
.btn-hl{
	background-position:0 0;
	border:1px solid $hlBorderColor;
	color:#fff;	
}
button.btn-hl{
	background-position:0 0;
	border:1px solid $hlBorderColor;
	color:#fff;
	height:28px;
	line-height:26px;
}
.btn-hl:hover{	
    color:#fff;	
	text-decoration:none;
}
.btn-01{@extend %inlineBlock;
	background-image:url(../images/btns.png);
	background-repeat:repeat-x;
	border-radius:3px;
	cursor:pointer;
	line-height:22px;
	height:24px;
	font-size:11px;
	font-weight:normal;
	color:#fff;
	width:86px;
	text-align:center;
}
.btn-01:hover{color:#fff;}
/*----------*/
/* ^icon, ^arrow
/*----------*/
.icon,
.icon-menu,
.icon-pre,
.icon-next,
.icon-show,
.icon-show1,
.icon-hide,
.icon-hide1,
.icon-close-tab,
.arrow,
.arrow-up,
.arrow-down,
.arrow-left,
.arrow-right,
.icon-plus,
.icon-search,
.drop-menuIcon,
.submenIcon,
.icon-tips,
.icon-more,
.icon-check,
.icon-Ncheck,
.close{
	@extend %inlineBlock;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	vertical-align:middle;
}
.icon-menu{
	width:25px;
	height:13px;
}
.icon-pre{
	width:30px;
	height:30px;
	background-position:10px -186px;
	@extend %hideText;
}

.icon-next{
	width:30px;
	height:30px;
	background-position:4px -214px;
	@extend %hideText;
}
.icon-platform{height:15px;text-align:center; line-height:15px; color:#FFF; font-style:normal; margin-left:4px; background-color:#BC5220; border:1px solid #812818; padding-left:6px; padding-right:6px;@extend %inlineBlock;}
.arrow-down{
	width:7px;
	height:7px;
	background-position:0px -49px;
}

.icon-hide,
.arrow-up{
	width:7px;
	height:7px;
	background-position:0px -29px;
}

.arrow-left{
	width:7px;
	height:7px;
	background-position:0px -69px;
}

.icon-show,
.arrow-right{
	width:7px;
	height:7px;
	background-position:0px -92px;
}
.icon-show1{
	width:7px;
	height:7px;
	background-position:0px -48px;
}
.icon-hide1{
	width:7px;
	height:7px;
	background-position:0px -92px;
}
.icon-check,.icon-Ncheck{width:12px; height:12px;}
.icon-Ncheck{background-position:0 -467px;}
.icon-check{background-position:0 -479px;}
.icon-plus{ width:12px; height:12px;background-position:0px -291px; vertical-align:top; margin-top:6px; margin-right:10px;}
.icon-tips{width:35px; height:34px; background-position:left -392px;}
.icon-more{width:24px; height:24px;background-position:0px -443px;@extend %hideText;}

/*-------------*/
/* $recDl, $recUl
// 【选项1】【选项2】【选项3】【选项4】
/*------------*/
.recDl,
.recUl,
.recUl-desBox{
	@extend %inlineBlock;
}
.recDl dt,
.recUl-desBox dt,
.recUl-desBox dd,
.recDl dd,
.recUl li{
	@extend %inlineBlock;
	padding-right:$sph;
}






/*-------------*/
/* $recUl-desBox
// 【标题】描述文本描述文本描述文本
//        描述文本描述文本...
/*------------*/
.recUl-desBox{}
.recUl-desBox dt{
	color:$mainColor;
	font-weight:bold;
	vertical-align:top;}





/*--------------*/
/* $table, $border_removeTop 表格相关
/*--------------*/
@import "table";
 
.table-borderTop{
	border-top:2px solid #b7412b;
}

.table-headBox{
	line-height:30px;
	background-color:$tableTheadBgcolor; // 由_table.scss定义
	border-left:1px solid $tableBorderColor;// 由_table.scss定义
	border-right:1px solid $tableBorderColor;// 由_table.scss定义
	padding-left:$tableCellPadding; // 由_table.scss定义
	font-weight:bold;
	color:$mainColor;

}
.td-center{text-align:center;}
.table-no-boder{}




/*-------分页样式-------*/
/* ^pagebox			   */
/*---------------------*/
$pageAlign:right; //页码对齐方向
$pageNumH: 30px; //页码高度
$pageNumW: $pageNumH; //页码宽度
$pageMag: 5px; //页码间距
$pageColor: $mainColor; //页码链接及高亮颜色值
.pageInfo{padding:$spv 0;}
.numShow{
	line-height:$pageNumH;
	select{
		border:1px solid #e9e9e9;
		height:$pageNumH - 6px;
		width:$pageNumW + $pageNumW;
		margin:0 2px;
	}
}
.pagebox{
	text-align:$pageAlign;
	height:$pageNumH;
	line-height:$pageNumH;
	
	//--
	a,
	span,
	strong{
		@extend %inlineBlock;
		
		@if $pageAlign == right {
			margin-left:$pageMag;
			} 
		@else {
			margin-right:$pageMag;
		} // end if 如果右对齐，页码间距设定在左边，否则在右边
		
		@include minWidth($pageNumW); //默认宽度
		height:$pageNumH;
		text-align:center;
		line-height:$pageNumH;
	}
	
	a{
		border:1px solid $commBorderColor;
		color:$commFontColor;
		
		&:hover{
			color:$pageColor;
			border-color:$pageColor;
			text-decoration:none;
		}
	}
	
	strong{
		border:1px solid $pageColor;
		background:$pageColor;
		color:#fff;
	}
	
	.pgBtn{
		padding:0 1px;
		*line-height:$pageNumH - 4px;
		_width:auto;
	}
	.pgBtnDisable{
		border:1px solid $commBorderColor;
		color:$commBorderColor;}
	.gotoBox{ _width:auto;}	
	input{
		@extend %inline-block;
		width:$pageNumW;
		height:$pageNumH;
		*line-height:$pageNumH - 2px;
		padding:0 2px;
		margin:0 2px;
		text-align:center;
		vertical-align:top;
		border:1px solid $commBorderColor;
	}
	button, 
	.pgBtnGo{
		@extend %inline-block;
		width:$pageNumW + 2px;
		height:$pageNumH + 2px;
		*line-height:$pageNumH - 2px;
		vertical-align:top;
		cursor:pointer;
		@extend %inlineBlock;
		background-image:url(../images/icons.png);
		background-repeat:no-repeat;
		background-position:left -325px;
		@extend %hideText;
		border:1px solid $commBorderColor;
	}
	
} //.pagebox






/*---表单相关----*/
$formPd: 7px; //label描述文字与选项间距
$formItemPd: 10px; //行间距
$formInputPd: 4px 7px; //输入框内间距
$labelW:30px;
$btnMag: 15px; //多个按钮之间间距

@mixin innerFormat($innerPd:4px 7px, $innerLineHeight:12px){
	padding:$innerPd;
	line-height:$innerLineHeight;
}
//--------------------
.formBox{}
.formBox{
	.formItem{
		@extend .cf;
		padding-bottom:$formItemPd;
		&:after{
			@extend .cf:after
			}
		}

	label,
	.labelSty{
		@include minWidth($labelW);
		@extend .fl;
		padding-right:$formPd;
		text-align:right; 		 
		//font-family:verdana;
		}
	label.labelRt{
		@extend %inlineBlock;
		padding-left:$formPd; 
		width:auto; 
		text-align:left;}
	
	input{vertical-align:middle;}
	
	input[type="text"],
	input[type="password"]{
		vertical-align:middle; 
		@include innerFormat;}
	
	textarea{padding:10px;}
	
	option{}
	button{
		@extend %inlineBlock;
		border:none;}
	.btnBar{ 
		padding-left:$labelW + $formPd; //按钮对齐位置
		.btn{ margin-right:$btnMag;//多个按钮之间间距
		} 
	} 
}

.inputBox{
	@include innerFormat(4px 7px,20px);
	@include withBorder;
	@extend %inlineBlock;
	background-color:#fff;
	vertical-align:middle;
}


/*----Common Layout----*/
/* ^layout, ^wapper, ^aside, ^main, ^footer
/*--------------*/

/**/
.wrapper{ 
	overflow:hidden; 
	@include minHeight(490px);
}
	.aside{ 
		width:$sideWidth; 
		float:left; 
		margin-right:$sph;}
	.main{ 
		padding-left:$sideWidth + $sph; 
		padding-right:$sph; 
		padding-bottom:$spv;
		//@include minWidth($pageMiniWidth - $sideWidth - $sph);
	}

/**/	

/*-------------*/
/* ^header
/*-------------*/
$logoWidth:235px;
$logoHeight:55px;
$logoImg:"../images/logo.png";
//----------------
.header{ background-color:$mainBgColor; position:relative; height:$logoHeight; border-bottom:1px solid #ebe8e6; }
	.logo{ width:$logoWidth; height:$logoHeight;  position:relative; overflow:hidden; float:left;}
	.logo a{display:block; width:100%; height:100%; overflow:hidden; text-indent:-999em; background:url($logoImg) left top no-repeat;}
.topnav{
	float:left;
	color:$commFontColor;
	margin-top:26px;
	margin-left:32px;
	a{color:$commFontColor;
	&:hover{color:$linkColor_hover; text-decoration:none;}
	}
}
.topbarBox{ position:absolute; width:38%; right:15px; bottom:10px; line-height:2em; text-align:right;}
.topbarBox a{color:$commFontColor;&:hover{color:$linkColor_hover; text-decoration:none;}}
.topbarBox span{@extend %inlineBlock; padding-left:$sph;color:$commFontColor;}
.topbarBox span a{font-weight:bold;}
.icon-down{
	@extend %inlineBlock;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	background-position:left -49px;
	vertical-align:middle;
	width:7px;
	height:4px;
	margin-left:8px;
}
.annex-box{float:left; margin-left:7px; margin-right:7px; margin-top:10px;}
.annex-box .name{display:block;color:$commFontColor; text-align:center; padding-bottom:5px;}
.annex-box img{width:108px; height:138px; border:1px dotted #ccc;}
.annex-box input{width:103px; height:22px;border:1px solid #bcbcbc; line-height:22px; display:block; padding-left:5px;}
/*------------*/
/* ^tabBar, ^tabItem
/*------------*/
$tabRadius:3px;

//----------------------
.tabBar{
	padding-top:$spv;
	border-bottom:4px solid $mainColor;
	font-size:1.167em;
}
.tabBar li{float:left;}

/*tabItem*/
.tabItem,
.tabItem-hl{
	@extend %inlineBlock;
	background-image:url(../images/btns.png);
	background-repeat:repeat-x;
	vertical-align:middle;
	line-height:30px;
	padding:0 $sph;
	border-radius:$tabRadius $tabRadius 0 0;
	text-align:center;
	cursor:pointer;
	margin-right:-1px;
	position:relative;
}

.tabItem{
	@include minWidth(90px);
	background-position:0 -84px;
	border-top:1px solid $commBorderColor;
	border-left:1px solid $commBorderColor;
	border-right:1px solid $commBorderColor;	
}

.tabItem-hl{
	@include minWidth(90px);
	background-position:0 -52px;
	border-top:1px solid $hlBorderColor;
	border-left:1px solid $hlBorderColor;
	border-right:1px solid $hlBorderColor;
	color:#fff;
}

/* ^icon */
.icon-close-tab{
	@extend %inlineBlock;
	width:13px;
	height:12px;
	background-position:0 -163px;
	@extend %hideText;
	position:absolute;
	right:10px;
	top:10px;
	border-radius:5px;
}

.icon-close-tab:hover{ background-position:0 -127px; }

.current .icon-close-tab{background-position:0 -127px;}
.current .icon-close-tab:hover{background-position:0 -163px;}

.mainNav{float:left; position:relative;}
.mainNav .tabItem{
	@include minWidth(140px);
}

.moreTabBox{ position:relative; float:left;}
.moreTab{
	display:block;
	background-image:url(../images/btns.png);
	background-position:0 -84px;
	border-top:1px solid $commBorderColor;
	border-left:1px solid $commBorderColor;
	border-right:1px solid $commBorderColor;
	border-top-right-radius:$tabRadius;
	width:25px;
	text-align:center;
	margin-top:2px;
	line-height:28px;
	height:28px;
	cursor:pointer;
}
.moreTab .arrow-down{ 
	@extend %hideText;
	*display:block;
	*margin-top:13px;
}


/*------------*/
/* ^aside
/*------------*/
.aside{
    background-color:$mainBgColor;
	border-right:1px solid $commBorderColor;
	position:relative;
}

.asideCtrl{
	width:10px;
	position:absolute;
	right:0;
	top:0;
	background-color:#e7e7e7;
	cursor:pointer;
	z-index:33;
}
.asideBtnIcon{
	position:absolute;
	display:block;
	height:10px;
	top:50%;
	left:2px;
	margin-top:-10px;
}



/*------------*/
/* ^nav
/*------------*/
//$navBgColor: #fff;
$navFontSize: 14px;
$navSubFontSize:12px;
$navSelectColor:#ff6700;
$navHoverColor:#e9ebef;
$subNavFontColor:#999;
//--------------

.nav{
	padding-top:$spv;
	position:relative;
	z-index:22;
}
.nav a{
	padding-left:20px;
	position:relative;
	text-decoration:none;
	display:block;
	*zoom:1;
}

.subNavBox{ display:none;}
.navItem{}
.navItem-lv1{
 
}
.navItem-lv1 a{
	line-height:40px;
	font-size:$navFontSize;
	color:$mainColor;
	font-weight:bold;
}

.navItem-lv1 a:hover{
	color:$mainColor;
}
.navItem-lv1 .icon-show,
.navItem-lv1 .icon-hide{
	position:absolute;
	left:7px;
	top:17px;
}

.navItem-lv1 a.current,
.navItem-lv1 a.current:hover{
	//color:$navSelectColor;
}

.navItem-lv2 a{
	line-height:30px;
	font-size:$navSubFontSize;
	color:$commFontColor;
}

.navItem-lv2 a:hover{
	color:$navSelectColor;
}
.navItem-lv2 a.current{
	//background:$navHoverColor;
	line-height:30px;
	color:$navSelectColor; 
}

.nav .spLine{
	margin:5px 20px;}
	
	
	
	
	
/*------------*/
/* ^footer
/*------------*/
.footer{
	border-top:1px solid $commBorderColor;
	background-color:$mainBgColor;
	color:$tipFontColor;
}
.footerInner{
	border-top:1px solid #fff;
	line-height:30px;
}



/*------------*/
/* ^main
/*------------*/
.boxTitle{ 
 	line-height:43px;
	//padding:0 $spv;
	margin-top:$spv;
	overflow:hidden;
	_zoom:1;
	
	h3{
		font-size:16px;
		background-position:0 15px;
		padding-left:7px;
		font-weight:bold;
	}//h3
}
.select-box{ 
	//padding:0 $spv;
	overflow:hidden;
	_zoom:1;
	font-size:$fontsize + 2px;
	float:left;
	margin-left:$sph;
}
input.input-text{height:22px; border:1px solid #bcbcbc; padding-left:5px;width:125px; margin-right:10px;}
select.select-text{height:22px; border:1px solid #bcbcbc;width:100px; margin-right:10px;}
/**/
.contBox{ 
	overflow:hidden;
	padding-bottom:$spv;
	_zoom:1;
}
 


/**/
// 为某些表格设定固定宽度，例如简历表格
$fixWidth:760px;

//-------------------
.fixBox{
	width:$fixWidth;
	margin:0 auto;
}

.card-img img{width:110px; height:70px; margin-left:5px;}
/*新建人事档案*/
.tips{color:#0000ff; line-height:24px;}
.m-l{margin-left:5px;}
.m-r{margin-right:5px;}
.table-border input.input-radio{border:none; height:13px; width:13px; cursor:pointer; margin-right:5px;}
.table-border input.input-w01{width:11px; height:11px; border:none; padding:0;}  
.table-border input.input-w02{width:190px;}
.table-border input.input-w03{width:80px; margin-right:5px;}
.table-border input.input-w04{width:220px;}
.table-border input.input-w05{width:100px; margin-right:5px;}
.table-border select.select-w02{width:50px;}
.table-border select.select-w03{width:200px;}
.more{font-size:14px;}
.position-re{position:relative;}
.position-ab{position:absolute; right:10px;}
.btn-box{margin-top:5px;}
.table-border th.noBtop{border-top:none;}
.btn-box01{margin-top:25px;}
.search-box{ border:1px solid #ccc; height:25px; line-height:25px; width:168px;@extend %inlineBlock; vertical-align:top; margin-top:7px; background-color:#FFF;
input{border:none; height:25px; line-height:25px; color:#ccc; text-indent:7px; width:144px;}
input.icon-search{ vertical-align:top;background-position:left -257px; width:22px; height:21px; margin-top:2px;}
}
.table-border td.td-left{text-align:left;}

/*下拉菜单*/
.menuHover .menu-item-con { display: block; z-index:9999;}

.menu-item-con { display: none; width: 135px; position: absolute; left:0; top:100%; border:1px solid #d2d2d2; z-index: 20; background: #fff; height:268px;  box-shadow: 0 0 1px 1px #C6C6C6;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;}

.menu-item { position: relative; }
.menu-item h3 a {display: block;line-height:30px;position: relative; text-indent: 10px; height:30px; color:$subFontColor;}
.drop-menuIcon{
	width:5px;
	height:9px; 
	float:right; 
	margin-right:8px; 
	margin-top:10px;
	background-position:left -383px;
}
.menu-item h3 a:hover{background-color:#faf0f0; color:$linkColor_hover;}
.menu-item h3 a:hover i{background-position:left -355px;}
.second-nav { display: none; width: 135px;  height:260px;position: absolute; top:0px; right:-135px;box-shadow: 0 0 1px 1px #C6C6C6;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px; background-color:#FFF; padding-top:8px;}
.second-nav span{color:$linkColor_hover; margin-left:15px;}
.submenIcon{width:7px; height:4px; background-position:left -49px; margin-right:5px;}
.second-nav a { display: block; padding-left: 5px; line-height: 2; color:$tipFontColor; margin-left:36px;}
.second-nav a:hover {color:$linkColor_hover;}
.submenuHover .second-nav { display: block; }
.submenuHover h3 a { background: none; color: #3a7bce; }
.person-info{width:180px; height:150px;box-shadow: 0 0 1px 1px #C6C6C6;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px; display:block; float:right; background:url(../images/perInfoBg.jpg) repeat-x left bottom #FFFFFF; display:none;position: absolute; top:25px;}
.person-img{margin-left:10px; margin-top:12px; background:url(../images/photo-bg.jpg) no-repeat;}
.person-img img{width:70px; height:70px; display:block;}
.person-info span{display:block; margin-top:5px; margin-bottom:8px; text-align:left; margin-left:0px;}
.contor-box{text-align:center;
 a{color:$commFontColor;
 &:hover{color:$linkColor_hover;}
 }
}
.personinfoHover .person-info{display:block;}
.person-email{position:relative;}
.input-box{padding-left:7px; line-height:22px; vertical-align:middle; border:1px solid #999;}
.input-box input{width:100%; line-height:22px; display:block; padding:0; border:0 none; height:22px;}
.input-box textarea{width:100%; line-height:22px; display:block; padding:0; border:0 none; height:110px;}
.input-box01{line-height:22px; vertical-align:middle; border:1px solid #999;}
.input-box01 select{width:100%; line-height:22px; display:block; padding:0; border:0 none;}
.table-border input.input-file{width:300px; border:none;}
.asterisk{color:#FF5757; margin-right:5px; font-size:14px;vertical-align:middle; margin-top:5px;}
.m-t{margin-top:3px;}


/*-------------*/
/* ^dialogBox
// 弹出框
/*------------*/
.dialogBox{width:300px; height:178px; position:absolute; top:50%; left:50%; margin-top:-90px; margin-left:-228px; border:1px solid #a53b28;box-shadow:1px 1px 3px 3px #C6C6C6; z-index:999999; background-color:#FFF;}
.dialogBox_top{height:34px; line-height:34px; background:url(../images/tips_bg.jpg) repeat-x; }
.dialogBox_top span{float:left;color:#FFF; font-size:$fontsize + 2px; text-indent:10px;}
.dialogBox_center{font-size:16px; text-align:center; height:74px; padding-top:40px;}
.dialogBox_foot{background-color:#ffe6e6; height:30px; line-height:30px; text-align:center; color:$linkColor_hover; vertical-align:bottom;}
.dialogBox_foot a{color:$linkColor_hover;}
.dialogBox_foot a:hover{color:#883702;}
.close{
	@extend %hideText;
	width:17px;
	height:17px;
	background-position:left -426px;
	float:right;
	margin-right:8px;
	margin-top:8px;
}
.dialog{position:absolute; top:50%; left:50%; border:1px solid #a53b28;background-color:#FFF; z-index:999999;}
.dialog_user{width:300px; height:280px;margin-top:-140px; margin-left:-150px; }
.dialog_role{width:300px; height:220px;margin-top:-110px; margin-left:-150px; }
.dialog_Crole{width:180px; height:240px;margin-top:-120px; margin-left:180px; }
textarea.member{height:60px;}
.chose-btn{float:left; margin-left:8px; margin-top:40px;}
.dialog-table{margin:15px auto 10px auto;}
.dialog-table th,.dialog-table td{line-height:35px;}
.textarea-tips{height:50px; width:100%; margin-top:5px;}
.rose-check{height:22px; line-height:22px;}
.rose-check input{margin-top:-3px; vertical-align:middle; margin-right:5px;}

/*-------------*/
/* ^tabs-box
// 表单切换
/*------------*/
.tabs-box{ width:75%;height:auto; overflow:hidden;background:#fff;  border-top: 2px solid #b7412b; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.tabs-nav{height:30px; line-height:30px; background-color:#faf0f0;border-bottom:1px solid #e6e6e6;}
.tabs-nav li{ float:left; height:30px; line-height:30px; width:92px; text-align:center; color:#a24302; cursor:pointer; border-right:1px solid #e6e6e6; }
.tabs-nav li.current{ background:#fff; color:#000; height:31px; line-height:31px; border-bottom:none;}
.tabs-con{text-align:center;display:none; padding-top:20px; padding-bottom:50px;}
#J_tabs-box .current{ display:block;}





/*------------*/
/* ^tree
/*------------*/
//$treeBgColor: #fff;
$treeFontSize: 13px;
$treeSubFontSize:12px;
$treeColor:#000;
$treeHoverColor:#a24302;
//--------------
.tree-box{float:right; width:20%;border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.tree-title{background-color:#b7412b; height:32px; line-height:32px; color:#fff; text-indent:11px; font-size:13px;}
.tree-menu{padding:7px 12px 15px 12px;}
.treeNavBox,.treeNavBox1{display:none;}
.treeNavBox{margin-left:15px;}
.treeNavBox1{margin-left:25px;}
.tree-menu .treeItem-lv1,.tree-menu .treeItem-lv2{position:relative; }
.treeItem-lv1 a,.treeItem-lv2 a{
	line-height:24px;
	font-size:$treeFontSize;
	color:$treeColor;
	padding-left:10px;
}
.treeItem-lv2 a.tree-a{color:#a24302;line-height:20px;font-size:$treeFontSize;}
.treeItem-lv1 a:hover,.treeItem-lv2 a:hover{
	color:$treeHoverColor;
}
.tree-menu .treeItem-lv1 .icon-show1,
.tree-menu .treeItem-lv1 .icon-hide1{
	position:absolute;
	left:0px;
	top:8px;
}
.tree-menu .treeItem-lv2 .icon-show1,
.tree-menu .treeItem-lv2 .icon-hide1{
	position:absolute;
	left:0px;
	top:8px;
}
.treeItem-lv1 a.current,
.treeItem-lv1 a.current:hover{
	//color:$navSelectColor;
}
.left-box{float:left; width:78%;}

/*------------*/
/* ^bgMask
/*遮罩层*
/*------------*/
#bgMask iframe{width:100%;height:100%;filter:alpha(Opacity=0);opacity:0.7;}
#bgMask{width:100%;height:100%;background:#333;filter:alpha(Opacity=70);opacity:0.7;position:fixed;_position:absolute;z-index:100000;top:0;left:0;display:none;}
.div-center{margin:0 auto; text-align:center;}
.no-margin{margin-top:0px;}





/*------------*/
/* ^set-box
/*------------*/
//$setBgColor: #fff;
$setFontSize: 13px;
$setSubFontSize:12px;
$setColor:#666;
$setHoverColor:#a24302;
//--------------
.set-div{width:100%;}
.set-box{width:48%; border:1px solid #d2d2d2;box-shadow: 1px 1px 1px 1px #dbdbdb; float:left; height:300px;}
.set-title{background-color:#b7412b; height:32px; line-height:32px; color:#fff; text-indent:11px; font-size:13px;}
.set-title-01{height:32px; line-height:32px; color:#fff;font-size:13px;}
.set-menu{padding:7px 12px 15px 12px;}
.setNavBox,.setNavBox1{display:none;}
.setNavBox{margin-left:15px;}
.setNavBox1{margin-left:25px;}
.set-menu .setItem-lv1,.set-menu .setItem-lv2{position:relative; }
.setItem-lv1 a{
	line-height:24px;
	font-size:$setFontSize;
	color:$setColor;
	padding-left:23px;
	font-weight:bold;
}
.setItem-lv2 a{
	line-height:24px;
	font-size:$setSubFontSize;
	color:$setColor;
	padding-left:30px;
	font-weight:bold;
}
.setItem-lv2 a.set-a{color:$setColor;line-height:17px;font-size:$setSubFontSize;background-image:url(../images/icons.png);
background-repeat:no-repeat;background-position:left -479px; vertical-align:top; height:17px; display:block;padding-left:25px; margin-left:5px; margin-top:8px; color:#999;}
.setItem-lv2 a.set-a span{display:block; margin-top:-1px; padding-left:0px; float:left;}
.setItem-lv1 a:hover,.setItem-lv2 a:hover{
	color:$treeHoverColor;
}
.set-menu .setItem-lv1 .icon-check,
.set-menu .setItem-lv1 .icon-Ncheck,
.set-menu .setItem-lv1 .icon-show1,
.set-menu .setItem-lv1 .icon-hide1{
	position:absolute;
	left:0px;
	top:6px;
}
.set-menu .setItem-lv2 .icon-check,
.set-menu .setItem-lv2 .icon-Ncheck,
.set-menu .setItem-lv2 .icon-show1,
.set-menu .setItem-lv2 .icon-hide1{
	position:absolute;
	left:8px;
	top:6px;
}
.setItem-lv1 a.current,
.setItem-lv1 a.current:hover{
	//color:$navSelectColor;
}